<template>
	<view>
		<view class="v-nav1" :class="[(isFixedTop) ? 'fixedTop' : '']" id="box">
			<view style="font-size: 18px;color: white;margin-left: 2%;">
				WCS
			</view>
			<view :style="{ 'background-color': networkColor, 'padding': '0 8px', 'color': '#fff' }"
				v-show="networkFlag">
				{{ networkMsg }}</view>
			<view style="margin-right: 2.5%;display: flex;">
				<uni-icons type="contact" size="30" style="color: white;" @click="userCenter"></uni-icons>
			</view>
		</view>

		<view>
		<uni-section title="入库" type="line">
			<HR style="border:1 dashed #eeeeff" width="100%" color='#eeeeff' SIZE='1' />
			<view class="grid-body">
				<view style="display: flex;flex-wrap: wrap; width: 100%;word-wrap: break-word;word-break: normal;text-align: center;font-size: 14px;">
					<view v-for="(item, index) in menuList.filter(menu => menu.group === 'inbound')" :key="index" style="width: 33%;padding-top: 8px;"
					:class="{ 'myBtn': !item.isShow }" :aimView="item.aimView" :id="item.id" :ref="item.id"
					@click="goPage(item)">
					<image :src="item.img" style="width: 50px;height: 50px;">
						<view style="margin-bottom: 12px;" class="myLabel" :ref="item.id + 'label'">{{ item.label }}
						</view>
				</view>	
				</view>
			</view>
		</uni-section>
		<uni-section title="出库" type="line">
			<HR style="border:1 dashed #eeeeff" width="100%" color='#eeeeff' SIZE='1' />
			<view class="grid-body">
				<view style="display: flex;flex-wrap: wrap; width: 100%;word-wrap: break-word;word-break: normal;text-align: center;font-size: 14px;">
					<view v-for="(item, index) in menuList.filter(menu => menu.group === 'outbound')" :key="index" style="width: 33%;padding-top: 8px;"
					:class="{ 'myBtn': !item.isShow }" :aimView="item.aimView" :id="item.id" :ref="item.id"
					@click="goPage(item)">
					<image :src="item.img" style="width: 50px;height: 50px;">
						<view style="margin-bottom: 12px;" class="myLabel" :ref="item.id + 'label'">{{ item.label }}
						</view>
				</view>	
				</view>
			</view>
		</uni-section>

		</view>
		<esunMask :showMask="showMask"></esunMask>
	</view>
</template>


<script>
import esunMask from '../../components/esun-mask/esun-mask.vue'
export default {
	components: {
		esunMask
	},
	onShow: function () {
		// console.log('onShow socket')
		// console.log(this.usermsg.domain);
		// console.log(this.usermsg.userid);
		// if (!this.socket && this.usermsg.domain && this.usermsg.userid) {
		// 	this.socketInit()
		// }
	},
	data() {
		return {
			isFixedTop: false,
			usermsg: {},
			domainAry: [],
			globalDomain: '',
			aList: [],
			pageInScEmptyBox: '',
			mrsUrl: '',
			webviewStyles: {
				progress: {
					color: '#FF3333',
				}
			},
			path: this.$store.getters.getAll.taskCenterWS,
			socket: "",
			wsFlag: 0,
			socketCloseFlag: false,
			badge: 0,
			timeIndex: 60 * 5,
			taskColor: 'white',
			timeFlag: '',
			ui_outtime: '',
			num: 0,
			timeList: [],
			slow: '',
			normal: '',
			networkColor: '',
			networkMsg: '',
			networkFlag: false,
			showMask: false,
			showDomain: false,
			permisson: ['mrsInit', 'plnStockSearch', 'supplementaryFoodCarReplace', 'missingGoodsPull', 'marketToPro', 'proIslation', 'proToMarket', 'proToPro', 'productionUpFoodConnect', 'productionChangeType', 'productionScanEmptyBox', 'urgencyStock', 'marketEmergenceySupplementary', 'maintainMarketLayout', 'urgencySemiStock', 'tastList', 'ProjectGeneralList', 'receive', 'receiveBack', 'scan', 'alarm', 'productionUpFoodConnectChk', 'factoryDemo', 'factoryDemoSimple', 'depotClean', 'clearCargo', 'putaway', 'newTastList', 'newTastList3', 'newTastList3ACG', 'newMarketEmergenceySupplementary', 'newMarketEmergenceySupplementaryCTI', 'agvList', 'agvCancelOrBind', 'receiveNew', 'packagePull', 'initConfirm', 'initApproval', 'initProcess', 'assetMove', 'changeAssetStatus', 'countedAsset', 'assetHandleScrapped', 'sinotransMove', 'sinotransReStocking', 'sinotransReceiving', 'packageGiveTask', 'threeView', 'putawayNew', 'IQCSpotChk', 'spmClean', 'closedShelf', 'photoReturnItems', 'photoErrorItems', 'cardPhotoRecognition', 'scanPackOrChangBox', 'scanMoveOrInLoc', 'codeInforSearch', 'partOutbound', 'photoCollection', 'qrCodeInventory', 'newReceiveBack', 'vmplant', 'outboundPicking', 'boxFitting', 'shippingorder'],
			menuList: [
				{
					id: 'inboudPurchase',
					aimView: '/pages/application/uniapp/wcs/inboudPurchase/index',
					transferType: '',
					img: '/static/images/inbound.png',
					label: '采购入库',
					group: 'inbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
				{
					id: 'inboudPurchase',
					aimView: '/pages/application/uniapp/wcs/inboudEmpty/index',
					transferType: '',
					img: '/static/images/inbound.png',
					label: '暂存入库',
					group: 'inbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
				{
					id: 'inboudOtherFull',
					aimView: '/pages/application/uniapp/wcs/inboudOtherFull/index',
					transferType: '',
					img: '/static/images/inbound.png',
					label: '其他入库（整托）',
					group: 'inbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
				{
					id: 'inboudOtherFull',
					aimView: '/pages/application/uniapp/wcs/inboudOtherUnFull/index',
					transferType: '',
					img: '/static/images/inbound.png',
					label: '其他入库（散托）',
					group: 'inbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
				{
					id: 'inboudReturn',
					aimView: '/pages/application/uniapp/wcs/inboudReturn/index',
					transferType: '',
					img: '/static/images/inbound.png',
					label: '回流入库',
					group: 'inbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
				{
					id: 'outboundPicking',
					aimView: '/pages/application/uniapp/wcs/outboundPicking/index',
					transferType: '',
					img: '/static/images/outbound.png',
					label: '领料出库',
					group: 'outbound',
					isShow: true,
					isNew: true //判断你是老框架的html还是uniapp框架里的
				},
			]
		}
	},
	onPageScroll(e) {
		if (e.scrollTop > this.Topdistance) {
			this.isFixedTop = true
		} else {
			this.isFixedTop = false
		}
	},

	onLoad: function (option) {
		uni.pageScrollTo({
			scrollTop: 0,
			duration: 0
		})
		setTimeout(() => {
			this.GetTop()
		}, 1000)
		/*#ifdef APP-PLUS*/
		console.log('APP端')
		/*#endif*/
		console.log(option)
		if (option) {
			this.initData(option)
		}
	},
	watch: {

	},
	created: function () {
		var _this = this
	},
	mounted: function () {
		if (this.domainAry.length === 1) {
			this.globalDomain = this.domainAry[0]
			this.usermsg.domain = this.globalDomain
			this.$store.dispatch('setDomain', this.globalDomain)
			// this.fetchData()
			this.ajaxGetMenu()
		} else {
			// this.showDomain = true
		}
	},

	methods: {
		initData(option) {
			console.log('option', option)
		},

		radioChange(e) {
			this.globalDomain = e.detail.value
		},


		ajaxGetMenu() {
			var _this = this
			var call_starttime = _this.appUtil.getCurrentTime()
			var data = {
				userid: _this.usermsg.userid,
				corp: '',
				domain: _this.usermsg.domain,
				seesionID: _this.usermsg.sessionid,
				language: "ch",
				searchMenu: ''
			};
			_this.showMask = true
			_this.mrsHttp({
				url: _this.usermsg.login2 + '/GetDtSearchMenuweb',
				method: 'post',
				data: JSON.stringify(data),
				success: e => {
					_this.showMask = false
					var call_apitime = _this.appUtil.getCurrentTime()
					var rtdt = e.d;
					if (rtdt.resultCode === "100001") {
						_this.appUtil.beep()
						uni.showModal({
							title: '提示',
							content: rtdt.resultMsg ? rtdt.resultMsg : '系统异常，请稍后重试',
							showCancel: false,
							success: function (res) {
								_this.appUtil.logout()
							}
						});
						return
					}
					if (rtdt.resultCode != "100000") {
						_this.appUtil.beep()
						uni.showModal({
							title: '提示',
							content: rtdt.resultMsg ? rtdt.resultMsg : '系统异常，请稍后重试',
							showCancel: false,//没有取消按钮的弹框
							success: function (res) {
								if (res.confirm) {
									_this.ui_outtime = _this.appUtil.getCurrentTime()
									_this.appUtil.ajaxLog('GetDtSearchMenuweb', '', _this.usermsg.userid, _this.usermsg.domain, _this.usermsg.sessionid, call_starttime, call_apitime, ui_outtime, 'canpss为false', new Date().getTime())
									// _this.appUtil.beep();
								}
							}
						});
						return;
					}
					var a = JSON.parse(e.d.data);
					console.log(a)
					var userPermissonAry = [],
						userPermissonLabAry = [];
					if (a) {
						_this.aList = a
						// localStorage.setItem('$aList', JSON.stringify(_this.aList));
						for (var i = 0, len = a.length; i < len; i++) {
							if (a[i].searchNbr.indexOf('80') == 0 || a[i].searchNbr.indexOf('100') == 0 || a[i].searchNbr.indexOf('330') == 0 || a[i].searchNbr.indexOf('350') == 0 || a[i].searchNbr.indexOf('800') == 0 || a[i].searchNbr.indexOf('370') == 0) {
								userPermissonAry.push(a[i].SearchProgramID);
								userPermissonLabAry.push(a[i].searchLabel);
							}
						}
					}
					_this.usermsg.isHeaderAlert = userPermissonAry.some(function (item) {
						return item == 'urgencyStock' || item == 'marketEmergenceySupplementary' || item == 'proIslation' || item == 'proToMarket' || item == 'proToPro';
					});
					_this.usermsg.menupermission = userPermissonAry;
					_this.usermsg.menubtnlabname = userPermissonLabAry;
					uni.setStorageSync('usermsg', JSON.stringify(_this.usermsg));
					_this.fetchData()
					// localStorage.setItem('$UserMsg', JSON.stringify(_this.usermsg));
					_this.initMenuByPermisson();
				},
				fail: e => {
					_this.appUtil.beep()
					_this.showMask = false
					var call_apitime = _this.appUtil.getCurrentTime()
					var ui_outtime = _this.appUtil.getCurrentTime()
					_this.appUtil.ajaxLog('GetDtSearchMenuweb', '', '', '', '', call_starttime, call_apitime, ui_outtime, 'fail', new Date().getTime())
					console.log('fali');
				}
			});
		},

		initMenuByPermisson() {
			var _this = this
			var aimViewList = [];
			var p = _this.usermsg.menupermission,
				q = _this.usermsg.menubtnlabname;
			for (var ii = 0, lenn = p.length; ii < lenn; ii++) {
				p[ii] = p[ii].trim();
			}
			for (var i = 0, len = _this.permisson.length; i < len; i++) {
				var idx = p.indexOf(_this.permisson[i]);
				if (idx != -1) {
					for (var e = 0; e < _this.menuList.length; e++) {
						if (_this.menuList[e].id == _this.permisson[i]) {
							_this.menuList[e].isShow = true
							_this.menuList[e].label = q[idx]
						}
					}
					// aimViewList.push({
					// 	id: _this.permisson[i],
					// 	name: q[idx],
					// 	aimView: _this.$refs[_this.permisson[i]][0].$attrs.aimView
					// });
					// _this.$refs[_this.permisson[i]][0].$el.style.display = 'block'
					// _this.$refs[_this.permisson[i]+'label'][0].$el.innerText = q[idx]
					// _this.$refs[_this.permisson[i]][0].$el.innerText = q[idx]
					// document.getElementById(_this.permisson[i]).getElementsByClassName('myLabel')[0].innerText = q[idx];
					if (p[idx] == 'missingGoodsPull') {
						_this.pageInScEmptyBox = q[idx];
					}
				}
			}
			_this.usermsg.aimViewList = aimViewList
		},

		goPage(item) {
			console.log(item);
			var _this = this
			var data = {
				id: item.id,
				aimView: item.aimView,
				userid: _this.usermsg.userid,
				corp: '',
				domain: _this.usermsg.domain,
				seesionID: _this.usermsg.sessionid,
				language: "ch",
				headerName: item.label,
				transferType: item.transferType,
				url: _this.$store.getters.getAll,
				domainAry: JSON.stringify(_this.domainAry)
			}
			try {
				console.log('data', data)
				_this.goPageFinal(item, data)
			} catch (e) {
				console.log(e)
			}
			// _this.mrsUrl =_this.mrsUrl + item.aimView
			// console.log(_this.mrsUrl)
			// _this.showMenu = true
			// let currentWebview = this.$scope.$getAppWebview();
			// let wv = currentWebview.children()[0];
			// let data = {
			// 	text:'uniapp传参给vue'
			// }
			// wv.evalJS(`getVueMessage(${JSON.stringify(data)})`);
		},
		goPageFinal(item, data) {
			var _this = this
			if (!item.isNew) {
				// clearTimeout(_this.timeFlag)
				try {
					_this.getNetWork('close')
					if (_this.socket) {
						_this.socketCloseFlag = true
						_this.socket.close()
					}
				} catch (e) {
					//TODO handle the exception
				}
				uni.navigateTo({
					url: '/pages/webView/index?data=' + JSON.stringify(data),
					events: {
						acceptDataFromOpenedPage: function (data) {
							_this.fetchData()
							if (_this.appUtil.chkUrgentStockRequest() && _this.appUtil.chkUrgentStockRequest() !== '') {
								_this.networkFlag = true
								_this.networkMsg = _this.appUtil.chkUrgentStockRequest()
							} else {
								_this.networkFlag = false
								_this.networkMsg = ''
							}
						},
					}
				})
			}
			else {
				uni.navigateTo({
					url: item.aimView + '?data=' + JSON.stringify(data),
					events: {
						acceptDataFromOpenedPage: function (data) {
							_this.fetchData()
							if (_this.appUtil.chkUrgentStockRequest() && _this.appUtil.chkUrgentStockRequest() !== '') {
								_this.networkFlag = true
								_this.networkMsg = _this.appUtil.chkUrgentStockRequest()
							} else {
								_this.networkFlag = false
								_this.networkMsg = ''
							}
						},
					}
				})
			}
		},
		menuHist(item, data) {
			var _this = this
			for (var i = 0; i < _this.aList.length; i++) {
				if (_this.aList[i].SearchProgramID === item.id) {
					var menuNbr = _this.aList[i].searchNbr + '.' + _this.aList[i].searchSelect
					break
				}
			}
			var obj = {
				userid: _this.usermsg.userid,
				corp: '',
				domain: _this.usermsg.domain,
				seesionID: _this.usermsg.sessionid,
				language: "ch",
				version: _this.$store.getters.getVersion,
				environment: _this.$store.getters.getEnvironment,
				source: 'APP',
				menuNbr: menuNbr || '',
				menuName: item.label
			};
			_this.goPageFinal(item, data)
			_this.mrsHttpNoMsg({
				url: _this.usermsg.login2 + '/SaveMenuHist',
				method: 'post',
				data: JSON.stringify(obj),
				success: e => {
					// _this.goPageFinal(item,data)
					console.log('SaveMenuHist')
				},
				fail: e => {
					// _this.goPageFinal(item,data)
				}
			});
		},
		pendingPage() {
			var _this = this
			var data = {
				id: 'pending',
				aimView: 'pending.html',
				userid: _this.usermsg.userid,
				corp: '',
				domain: _this.usermsg.domain,
				seesionID: _this.usermsg.sessionid,
				language: "ch",
				headerName: '待办事项',
				url: _this.$store.getters.getAll,
				domainAry: JSON.stringify(_this.domainAry)
			}
			// clearTimeout(_this.timeFlag)
			_this.getNetWork('close')
			if (_this.socket) {
				_this.socketCloseFlag = true
				_this.socket.close()

			}
			uni.navigateTo({
				url: '/pages/webView/index?data=' + JSON.stringify(data),
				events: {
					acceptDataFromOpenedPage: function (data) {
						_this.fetchData()
						if (_this.appUtil.chkUrgentStockRequest() && _this.appUtil.chkUrgentStockRequest() !== '') {
							_this.networkFlag = true
							_this.networkMsg = _this.appUtil.chkUrgentStockRequest()
						} else {
							_this.networkFlag = false
							_this.networkMsg = ''
						}
					},
				}
			})
		},
		userCenter() {
			var _this = this
			console.log('userCenter')
			console.log(_this.usermsg)
			// clearTimeout(_this.timeFlag)
			uni.navigateTo({
				url: '/pages/application/html/public/userCenter/index?userid=' + _this.usermsg.userid,
				events: {
					// acceptDataFromOpenedPage: function (data) {
					// 	// _this.fetchData()
					// 	// // _this.usermsg = JSON.parse(uni.getStorageSync('usermsg'));
					// 	// _this.usermsg.domain = data.data
					// 	// uni.setStorageSync('usermsg', JSON.stringify(_this.usermsg));
					// },
					// network: function (data) {
					// 	// if (uni.getStorageSync('network') && uni.getStorageSync('network') === 'open') {
					// 	// 	console.log(uni.getStorageSync('network'))
					// 	// 	_this.networkFlag = true;
					// 	// 	_this.getNetWork()
					// 	// } else {
					// 	// 	_this.networkFlag = false;
					// 	// 	_this.getNetWork('close')
					// 	// }
					// }
				}
			})
		},
		fetchData() {
			var _this = this
			var data = {
				userid: _this.usermsg.userid,
				seesionID: _this.usermsg.sessionid,
				taskGetProgram: null,
				taskGetTaskId: null,
				taskGetProcessId: null,
				taskGetProcessName: null,
				taskGetDealUser: null,
				taskGetDealUserName: null,
				taskGetLocked: null,
				taskGetFinish: false,
				taskGetStatus: null,
				taskGetTaskTitle: null,
				taskGetPlatformCode: "SCMS",
				taskGetPlatformUserId: _this.usermsg.userid,
				usermsg: {}
			}
			var call_starttime = _this.appUtil.getCurrentTime()
			console.log('fetchData')
			console.log(_this.socket)
			if (!_this.socket) {
				_this.socketInit()
			}
			
		},
		socketInit() {
			var _this = this
			if (_this.socket) {
				return
			}
			console.log('调用连接websocket')
			_this.socket = uni.connectSocket({
				url: _this.path + '/v1/taskCenter/taskList/websocket/' + _this.usermsg.domain + '/' + _this.usermsg.userid,
				// url: _this.path+'/v1/taskCenter/taskList/websocket/acs/john.xiao',
				success(res) {
					console.log("websocket连接成功");
				},
				fail(err) {
					console.log("websocket报错", err);
				}
			},


			);
			_this.socket.onOpen(function (res) {
				console.log('WebSocket连接已打开！');
			})
			_this.socket.onMessage(function (data) {
				console.log('收到服务器内容：' + data);
				if (data && data.data === 'websocket_task_fresh') {
					_this.fetchData()
				}
			});

			_this.socket.onError(function (res) {
				console.log('WebSocket连接打开失败，请检查！');
				console.log(JSON.stringify(res));
				_this.wsFlag++
				_this.socket = null
				if (_this.wsFlag < 3) {
					setTimeout(function () {
						_this.socketInit()
					}, 30 * 1000)
				} else {
					_this.wsFlag = 0
				}
				console.log('错误')

			})
			// // 监听连接关闭 -
			_this.socket.onClose((e) => {
				console.log('WebSocket连接关闭！30s后重启');
				_this.socket = null
				if (_this.socketCloseFlag) {
					_this.socketCloseFlag = false
					return
				} else {
					_this.chkUserOnline()
				}
			})
			console.log(_this.socket)
		},
		chkUserOnline() {
			var _this = this
			var data = {
				userid: _this.usermsg.userid,
				corp: '',
				domain: _this.usermsg.domain,
				seesionID: _this.usermsg.sessionid,
				language: "ch",
				searchMenu: ''
			};
			_this.mrsHttpNoMsg({
				url: _this.usermsg.login2 + '/GetDtSearchMenuweb',
				method: 'post',
				data: JSON.stringify(data),
				success: e => {
					var rtdt = e.d;
					// if(rtdt.resultCode === "100001"){
					// 	_this.appUtil.beep()
					// 	uni.showModal({
					// 	    title: '提示',
					// 	    content: rtdt.resultMsg ? ('系统异常，请联系IT管理员：'+rtdt.resultMsg) : '系统异常，请稍后重试',
					// 		showCancel: false,
					// 	    success: function (res) {
					// 			_this.appUtil.logout()
					// 	    }
					// 	});
					// 	return;
					// }
					if (rtdt.resultCode !== "100000") {
						return;
					}
					setTimeout(function () {
						_this.socketInit()
					}, 30 * 1000)
				},
				fail: e => {
				}
			});
		},
		getNetWork(flag) {
			var _this = this
			if (flag && flag === 'close') {
				return
			}
			var time1 = Date.now();
			var zxc = 0
			var call_starttime = _this.appUtil.getCurrentTime()
			_this.mrsHttpNoMsg({
				url: _this.$store.getters.getAll.mrs2 + '/checkWanlan',
				method: 'post',
				data: JSON.stringify({
					file: '1111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111111111111111111211111111111111111111111111111111111111111111111111111121111111111111111111111111111111111111111111111111111112111111111111111111111111111111111111111'
				}),
				success: e => {
					_this.normal = JSON.parse(e.d).normal
					_this.slow = JSON.parse(e.d).slow
					var time2 = Date.now();
					var time3 = time2 - time1
					zxc += time3 / 1000
					_this.num++
					_this.timeList.push(zxc)
					if (_this.timeList.length > 5) {
						_this.timeList.shift()
					}
					for (var j = 0, k = 0; j < _this.timeList.length; j++) {
						k += _this.timeList[j]
					}
					if ((k / _this.timeList.length) < _this.normal && (k / _this.timeList.length) > 0) {
						_this.networkMsg = '网络延时:' + (k / _this.timeList.length).toFixed(3) + "秒"
						_this.networkColor = '#67C23A'
					}
					if ((k / _this.timeList.length) > _this.normal && (k / _this.timeList.length) < _this.slow) {
						_this.networkMsg = '网络延时:' + (k / _this.timeList.length).toFixed(3) + "秒"
						_this.networkColor = '#E6A23C'
					}
					if ((k / _this.timeList.length) > _this.slow) {
						_this.networkMsg = '网络延时:' + (k / _this.timeList.length).toFixed(3) + "秒"
						_this.networkColor = '#F56C6C'
					}
					_this.getNetWork()
				},
				fail: e => {
					_this.networkMsg = "网络监测失败"
					_this.networkColor = '#F56C6C'
				}
			});
		},
		GetTop() {
			// 获取元素距离顶部的距离
			var _this = this
			uni.getSystemInfo({
				success: (resu) => {
					const query = uni.createSelectorQuery()
					query.select('#box').boundingClientRect()
					query.selectViewport().scrollOffset()
					query.exec(function (res) {
						_this.Topdistance = res[0].top

					})
				},
				fail: (res) => { }
			})
		},
		change(e) {
			// this.$refs.popup.open()
		},
	}
}
</script>

<style scoped>
@import url("/static/css/base.css");

.v-nav1 {
	display: flex;
	justify-content: space-between;
	padding: 2% 0;
	background-color: #005495;
	width: 100%;
}

.fixedTop {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

.myBtn {
	display: none;
}

.myBtn:active {
	background-color: #dedede;
}

.popup-content {
	font-size: 14px;
	padding: 15px;
	height: 50vh;
	text-align: center;
}

/* 	>>>.uni-popup .uni-popup__wrapper{
		border-radius: 24px;
		width: 70% !important;
	} */
.line {
	width: 100%;
	border-bottom: 2px solid #007AFF;
	display: block;
	margin: 8px 0;
}
</style>